<div class="BuildBox">
    <div class="BuildBoxCon">
        <div class="BuildFlex">
            <h1 ng-click="goto1('eng.buildClass')"><span>建筑类型体系</span><i>></i></h1>
            <div class="CommonBuild">
                <div class="CommonBox">
                    <div class="CommonLeft">
                        <h2 ng-bind="buildCategory[0].scName" ng-click="goBuild(buildCategory[0].scId)"></h2>
                        <ul>
                            <li ng-repeat="detailBuild1Li in detailBuild1" ng-click="goBuild(detailBuild1Li.scId,detailBuild1Li.dcId)"><a ng-bind="detailBuild1Li.dcName"></a></li>
                        </ul>
                    </div>
                    <div class="CommonRight">
                        <img src="them/imgs/BuildClassOne.png"  />
                    </div>
                </div>
            </div>
            <div class="CommonBuild">
                <div class="CommonBox">
                    <div class="CommonLeft">
                        <h2 ng-bind="buildCategory[1].scName"></h2>
                        <ul style="font-size: 14px;">
                            <li ng-repeat="detailBuild2Li in detailBuild2"><a ng-bind="detailBuild2Li.dcName" ng-click="goBuild(detailBuild2Li.scId,detailBuild2Li.dcId)"></a></li>
                        </ul>
                    </div>
                    <div class="CommonRight" ng-click="goBuild(buildCategory[1].scId)">
                        <img src="them/imgs/BuildClassTwo.jpg" title="..."  />
                    </div>
                </div>
            </div>
            <div class="CommonBuild">
                <div class="CommonBox">
                    <div class="CommonLeft">
                        <h2 ng-click="goBuild(buildCategory[2].scId)">{{buildCategory[2].scName}}、{{buildCategory[3].scName}}</h2>
                        <ul>
                            <li ng-repeat="detailBuild3Li in detailBuild3"><a ng-bind="detailBuild3Li.dcName" ng-click="goBuild(detailBuild3Li.scId,detailBuild3Li.dcId)"></a></li>
                        </ul>
                        <ul class="concon">
                            <li ng-repeat="detailBuild4Li in detailBuild4"><a ng-bind="detailBuild4Li.dcName" ng-click="goBuild(detailBuild4Li.scId,detailBuild4Li.dcId)"></a></li>
                        </ul>
                    </div>
                    <div class="CommonRight">
                        <img src="them/imgs/BuildClassThr.jpg" title="..."  />
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .BuildBox {
        width:100%;
        height:445px;
        background: url(them/img/jb-bg.png) repeat;
        overflow: hidden;
        clear: both;
    }
    .BuildBoxCon {
        width:100%;
        height:393px;
        margin-top:52px;
        background: #fff;
    }
        .BuildFlex {
            width:1200px;
            height:393px;
            margin:0 auto;
            background: url("them/imgs/BuidlBg.jpg") 30px bottom no-repeat;
        }
            .BuildFlex h1 {
            	line-height: 81px;
            	font-weight: normal;
        		 padding-left: 27px;
        		font-size: 12px;
        		height: 69px;
                width: 216px;
                 cursor: pointer;
				background: url(them/imgs/CommonBg.png) 0 24p no-repeat;
               
            }
            .BuildFlex h1 span{
            	font-weight: bold;
                font-size: 24px;
                color: #30a3ff; 
                padding-right: 36px;
                cursor: default;
            }
      
            .BuildFlex h1:hover{
            	color: #30a3ff;
            }
        .CommonBuild {
            overflow: hidden;
            margin-top:15px;
            width:381px;
            height:160px;
            margin-right:17px;
            float: left;
            border:1px solid #ddd;
            -webkit-box-shadow: 1px 1px 1px 1px #e9e9e9;
            -moz-box-shadow: 1px 1px 1px 1px #e9e9e9;
            box-shadow: 1px 1px 1px 1px #e9e9e9;
        }
            .CommonBox {
                margin:15px 0 0 29px;
                width:327px;
                height:99px;
            }
            .CommonBox h2{
                cursor: pointer;
            }
            .CommonBox h2:hover{
                color: #30a3ff;
            }
            .CommonBox a:hover{
                color: #30a3ff;
                text-decoration: underline;
            }
                .CommonLeft {
                    width:232px;
                    height:100%;
                    float: left;
                }
                    .CommonLeft h2 {
                        font-size:18px;
                        width:100%;
                        height:20px;
                    }
                    .CommonLeft ul {
                        width:100%;
                        margin-top:10px;
                        overflow: hidden;
                    }
                    .CommonLeft ul li {
                        float: left;
                        margin-right:10px;
                    }
                    .CommonLeft ul.concon{
                        margin-top:10px;
                    }
                .CommonRight {
                    margin-left:19px;
                    float: left;
                    width:76px;
                    height:100%;
                }
                    .CommonRight img {
                        margin:15px 0 0 3px ;
                    }
</style>